@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {	margin: 0;	padding: 0;	border: 0;	font-size: 14px; font-family:'微软雅黑', '黑体', sans-serif}

table{border-collapse:collapse;border-spacing:0;border-left:1px solid #dcdcdc;border-top:1px solid #dcdcdc;}
th,td{border-right:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;}
th{font-weight:bold;}
body{ background-color:#fff;}
a{ text-decoration:none;}
ol,ul{ list-style:none;}

.fleft{ float:left;}
.fright{ float:right;}
.fclear{ clear:both;}
.center{ width:1200px; margin:auto;}
.height26px{ height:26px; clear:both;}

.header{ height:40px; line-height:40px; background-color:#ea5a17; color:#fff;}
.header ul li{ width:auto; float:right; margin-left:1em;}
.header a{ color:#fff;}
.header img{ vertical-align:middle;}
.header .fright span{ display:none;}

.nav{ height:75px; overflow:hidden;}
.nav ul li{ width:auto; float:right; margin-left:4em; line-height:75px;}
.nav ul li a{ font-size:16px; color:#434343;}
.nav button{ display:none;}
.nav ul li:hover a, .nav ul li.on a{ color:#ea5a17;}
.nav ul li:hover{ background:url(../images/navhover.png) no-repeat;background-position: bottom center;background-repeat: no-repeat;}
.nav ul li.on{ background:url(../images/navhover.png) no-repeat;background-position: bottom center;background-repeat: no-repeat;}

.banner{ height:auto; height:auto; min-height:426px;}
.banner img{ width:100%;}

.index_product_service{ height:auto; overflow:hidden;}
.index_product_service p{ text-align:center;}
.index_product_service p.typename{ font-size:28px; color:#fa5b12;}
.index_product_service p.typelongtitle{ font-size:18px; color:#434343;}

.index_product_service p.typeentitle{ font-size:28px; color:#d2d2d2; font-family:Arial, Helvetica, sans-serif;}
.index_product_service .service_list{ height:auto; overflow:hidden; margin-top:25px;}
.index_product_service .service_list ul li{ width:378px; height:494px; overflow:hidden; background-color:#f1f1f1; float:left; margin-right:30px;}
.index_product_service .service_list ul li:last-child{ margin-right:0px;}
.index_product_service .service_list ul li p{ padding:0px 40px;}
.index_product_service .service_list ul li p.service_pic{ padding-top:60px;}
.index_product_service .service_list ul li p.service_type{ padding:25px 0px; color:#2baee8; font-size:24px;}
.index_product_service .service_list ul li p.service_info{ color:#535353; text-align:left;}
.index_product_service .service_list ul li p.more{ margin-top:25px;}
.index_product_service .service_list ul li p.more a{ width:auto; padding:6px 16px; border:1px #a0a0a0 solid; color:#535353; border-radius:5px;}

.index_product_service .service_list ul li:hover{ background:url(../images/service_hover.jpg) no-repeat;margin-top: -6px; box-shadow: 0 5px 15px #999;}
.index_product_service .service_list ul li:hover p.service_type{ color:#e60012;}
.index_product_service .service_list ul li:hover p.more a{ border:0; color:#fff; background-color:#fa5b12;}

.index_product_service .service_votes{ height:auto; overflow:hidden; margin-top:40px; padding-bottom:60px;}
.index_product_service .service_votes ul li{ width:240px; height:240px; overflow:hidden; float:left;}
.index_product_service .service_votes ul li p{ padding:0px 20px;}
.index_product_service .service_votes ul li p.votes_title{ padding:35px 0px 10px 0px; color:#434344; font-size:18px;}
.index_product_service .service_votes ul li p.votes_longtitle{ color:#535353; text-align:left;}

.index_news{ height:auto; overflow:hidden; padding:20px 0px; background-color:#f2f2f1;}
.index_news .index_news_list{ width:610px; float:left;}
.index_news .index_news_list li{ clear:both; margin:30px 0px 40px 0px; height:auto; overflow:hidden; width:610px;}
.index_news .index_news_list li img{ width:258px; height:176px;}
.index_news .index_news_list li div.newsinfo{ width:328px;}
.index_news .index_news_list li p.days{ font-size:48px; color:#7d7d7d;}
.index_news .index_news_list li p.years{ font-size:18px; color:#7d7d7d;}
.index_news .index_news_list li p.title a{ font-size:14px; color:#434343;}
.index_news .index_news_list li p.longtitle{ font-size:12px; color:#7d7d7d;}
.index_news .index_news_list li p.title a:hover{ font-size:14px; color:#fa5b12;}
.index_news .index_news_list li p.title{ margin:12px 0px 8px 0px;}

.index_news .p_n{ margin-top:60px;}
.index_news .p_n span{ width:22px; height:22px; background-color:#a8bec5; border-radius:50%; display:inline-block; cursor:pointer;}
.index_news .p_n span img{ vertical-align:middle;}
.index_news .p_n span.more{ float:right; width:auto; background:none;}
.index_news .p_n span.more a{ padding:10px 15px; background-color:#10aee4; color:#fff; border-radius:6px;}
.index_news span:hover{background-color:#ffa42f;}

.case_list{ position:relative;}
.case_list .case_p_n span.previous{ position:absolute; top:34%; left:-40px;}
.case_list .case_p_n span.next{ position:absolute; top:34%; right:-32px;}
.case_list table{border-collapse:collapse;border-spacing:0;border-left:1px solid #fff;border-top:1px solid #fff;}
.case_list th,.case_list td{border-right:1px solid #fff;border-bottom:1px solid #fff;}


.footer{ height:auto; overflow:hidden; background-color:#313131; padding:30px 0px 20px 0px;}
.footer .footernav{ width:680px; height:auto; overflow:hidden; border-right:1px #717171 solid;}
.footer .footernav dl{ width:auto; margin-left:70px; float:left;}
.footer .footernav dl dt{ color:#fff; font-size:16px; margin-bottom:20px;}
.footer .footernav dl dd a{ color:#fff; line-height:24px;}
.footer .footerewm{ width:460px; padding-left:20px;}
.footer .footerewm p{ color:#fff; font-size:18px;}
.footer .footerewm p span{ font-size:36px;}
.footer .footertext{ border-top:1px #717171 solid; margin-top:10px; padding-top:20px;}
.footer .footertext p{ text-align:center; font-size:12px; color:#fff; line-height:22px;}


.abbanner img{ width:100%; display:block;}
.abcontent{ background-color:#f3f3f3; height:auto; padding:25px 0px;}
.abcontent .abtext{ height:auto; overflow:hidden; background-color:#fff;}
.abcontent .abtext .abouttypepic{ width:50%;}
.abcontent .abtext .abouttypepic img{ width:100%; display:block;}
.abcontent .abtext .abinfo{ width:48%; padding:6% 1% 1% 0px; float:right;}
.abcontent .abtext .abinfo div{ color:#535353; font-size:200%; font-weight:bold; margin-bottom:1em;}
.abcontent .abtext .abinfo div span{ color:#efefef; font-size:100%; font-weight:bold;}
.abcontent .abtext .abinfo p{ line-height:24px; text-indent:2em;}
.abcontent .aboutpic{ margin-top:2em;}
.abcontent .aboutpic img{ width:100%; display:block;}

.news{ padding:2%; height:auto; overflow:hidden; background-color:#fff;}
.news .newslist{ width:66%; border-right:1px #eee solid;}
.news .newslist div.newstype{ color:#535353; font-size:120%; font-weight:bold; margin-bottom:1em;}
.news .newslist div.newstype span{ color:#efefef; font-size:100%; font-weight:bold;}
.news .newslist ul li{ height:auto; overflow:hidden; padding:15px 0px; border-bottom:1px #eee solid; margin-right:2%;}
.news .newslist ul li:first-child{ border-top:1px #eee solid;}
.news .newslist ul li p.newspic{ width:40%;}
.news .newslist ul li img{ width:100%;}
.news .newslist ul li .newsinfo{ width:56%;}
.news .newslist ul li .newsinfo p.title a{ color:#434343; font-size:110%;}
.news .newslist ul li .newsinfo p.title a span{ float:right; font-size:50%; color:#959595; background-color:#e5e5e5; padding:4px 6px; border-radius:10%;}
.news .newslist ul li .newsinfo p.title a span:hover{ background-color:#10aee4; color:#fff;}
.news .newslist ul li .newsinfo p.addtime{ color:#d61518; margin:1em 0px;}
.news .newslist ul li .newsinfo p.longtitle{ color:#959595; font-size:90%;}
div.pages{ margin:25px 0px;}
div.pages a, div.pages span{ padding:4px 6px; float:left; margin-right:2%; border-radius:5px; display:block;}
div.pages a{ border:1px #c9c9c9 solid; color:#666;}
div.pages span{ background-color:#ff603d; color:#fff; border:1px #fff solid;}
div.pages a:hover{ background-color:#ff603d; color:#fff; border:1px #fff solid;}

.news .newsright{ width:31%; margin:0px 1%;}
.news .newsright table tr td{ width:50%;}
.news .newsright table tr td img{ width:100%;}
.news .newsright p{ margin-bottom:1.2em; font-size:110%;}
.news .newsright p, .news .newsright p a{ color:#535353;}
.news .newsright p span{ float:right;}
.news .newsright p span a{ font-size:90%;}
.news .newsright ul{ height:auto; overflow:hidden; margin:2em 0px;}
.news .newsright ul p{ margin-bottom:0.8em;}
.news .newsright ul li{ line-height:150%;}
.news .newsright ul li a{ color:#535353; font-size:90%;}

.servicecontent{ background-color:#f3f3f3; height:auto; padding:25px 0px;}
.servicecontent img{ width:100%;}

.soft{ padding:3%; background-color:#fff; height:auto; overflow:hidden;}
.soft p.typename{ font-size:200%; font-weight:bold; color:#fa5b12; text-align:center;}
.soft p.typeinfo{ font-size:120%; color:#434343; text-align:center; margin:0.6em 0px;}
.soft p.typeeninfo{ font-size:120%; color:#d2d2d2; text-align:center; padding-bottom:0.6em; border-bottom:1px #eee solid;}
.soft ul li{ background-color:#f5f5f5; width:30%; float:left; height:auto; overflow:hidden; padding:1%; margin-top:2em; margin-right:2%;}
.soft ul li p.softpic{ text-align:center; margin-top:10%;}
.soft ul li p.softtype{ text-align:center; font-size:200%; color:#454545; margin:4% 0px;}
.soft ul li p.softinfo{ color:#7d7d7d;}
.soft ul li p.softmore{ text-align:center; margin:4% 0px; width:100%;}
.soft ul li p.softmore a{ color:#626262; font-size:120%; display:block; background-color:#e2e2e2; padding:0.5em 0px; border-radius:5px;}
.soft ul li:nth-child(1) p.softmore a:hover{ background-color:#ff6c00; color:#fff;}
.soft ul li:nth-child(2) p.softmore a:hover{ background-color:#dd332c; color:#fff;}
.soft ul li:nth-child(3) p.softmore a:hover{ background-color:#13afe9; color:#fff;}
.soft ul li:nth-child(4) p.softmore a:hover{ background-color:#0b5a96; color:#fff;}
.soft ul li:nth-child(5) p.softmore a:hover{ background-color:#0a6c1a; color:#fff;}
.soft ul li:nth-child(6) p.softmore a:hover{ background-color:#9d5539; color:#fff;}
.soft ul li:nth-child(3), .soft ul li:nth-child(6){ margin-right:0;}

.case{ padding:2%; height:auto; overflow:hidden; background-color:#fff;}
.case div.casetype{ color:#535353; font-size:120%; font-weight:bold; margin-bottom:1em; border-bottom:1px #eee solid; padding-bottom:1em;}
.case div.casetype span{ color:#efefef; font-size:100%; font-weight:bold;}
.case div.casetype span.fright{ color:#535353; font-size:100%; font-weight:normal;}
.case ul li{ border:1px #eee solid; width:23%; float:left; margin-right:2.4%; margin-bottom:2%; height:290px; overflow:hidden;}
.case ul li img{ width:100%; border-bottom:1px #eee solid;}
.case ul li p.casetitle{padding:4%;}
.case ul li p.casetitle a{ color:#535353; font-size:110%;}
.case ul li p.caselongtitle{ font-size:90%; color:#535353; padding:0px 4% 4% 4%;}
.case ul li:nth-child(4), .case ul li:nth-child(8), .case ul li:nth-child(12){ margin-right:0;}

.contact{ padding:2%; height:auto; overflow:hidden; background-color:#fff;}
.contact div.contacttype{ color:#535353; font-size:120%; font-weight:bold; margin-bottom:1em; border-bottom:1px #eee solid; padding-bottom:1em;}
.contact div.contacttype span{ color:#efefef; font-size:100%; font-weight:bold;}
.contact div.contacttype span.fright{ color:#535353; font-size:100%; font-weight:normal;}

.contact .contactleft{ width:32%; height:auto; overflow:hidden; border:1px #e5e5e5 solid; padding:4%; float:left;}
.contact .contactleft p.fast{ font-size:160%; color:#757575; margin-bottom:1em;}
.contact .contactleft p.routine{ color:#757575; line-height:160%;}
.contact .contactleft form input:first-child{ margin-top:1em;}
.contact .contactleft form input{ width:100%; height:2rem;}
.contact .contactleft form textarea{ width:100%; height:3em; margin-top:1em; margin-bottom:1em;}
.contact .contactleft form button{ padding:10px 16px; background-color:#fa5b12; color:#fff; font-size:120%; border:0; font-weight:bold; cursor:pointer;}
.contact .contactleft form button span{ width:20px; height:20px; border:1px #fff solid; border-radius:50%; display:inline-block; text-align:center;}
.contact .contactright{ float:right; width:50%; height:auto; overflow:hidden; padding:4%;}
.contact .contactright img{ width:100%;}
.contact .contactright p{ line-height:200%;}

.case_list table tr td img{ width:237px; height:163px;}


.develop p, .developpic{ text-align:center;}
.develop p.developo{ color:#00a0e9; font-size:150%; padding:4% 0 0 0;}
.develop p.developt{ color:#626262; font-size:110%; padding:1% 0 2% 0;}
.develop p.developth{ color:#535353; font-size:90%; line-height:160%;}
.developpic{ margin-top:4%;}


@media screen and (min-width: 320px) and (max-width:480px) { 
	.height26px{ height:0px;}
	.center{ width:96%; margin:auto;}
	.header .fright ul{ display:none;}
	.header .fright span{ display:inline-block;}
	.nav{ height:auto; width:100%;}
	.nav button{ display:inline-block; padding:4px; float:right; margin-top:6px;}
	.nav button img{ vertical-align:middle;}
	.nav .fright{ float:none; width:100%; clear:both; position:absolute; z-index:999; background-color:#fff; top:90px; left:0; padding-left:2em; display:none;}	
	.nav ul li{ width:100%; float:none; margin-left:0px; line-height:24px;}
	.nav ul li:last-child{ display:none;}
	.nav ul li a{ font-size:16px; color:#434343;}
	.nav ul li:hover{ background:none;}
	.nav ul li.on{ background:none;}
	.nav .fleft img{ width:60%;}
	.banner{ min-height:110px;}
	.banner .fbg{ display:none;}
	.index_product_service p.typename{ font-size:120%;}
	.index_product_service p.typelongtitle{ font-size:100%;}
	.index_product_service p.typeentitle{ font-size:100%;}
.index_product_service .service_list ul li{ width:100%; height:auto; overflow:hidden; background-color:#f1f1f1; float:left; padding-bottom:2em; margin-bottom:1em;}
.index_product_service .service_votes{ margin-top:1em; padding-bottom:60px;}
.index_product_service .service_votes ul li{ width:49%; height:auto; overflow:hidden; float:left;}
.index_product_service .service_votes ul li p{ padding:0px 20px;}
.index_product_service .service_votes ul li p.votes_title{ padding:10px 0px 10px 0px; font-size:120%;}
.index_product_service .service_votes ul li p.votes_longtitle{ color:#535353; text-align:left;}
.index_news{ margin-bottom:1em;}
.index_news p.fleft{ display:none;}
.index_news .index_news_list{ width:100%;}
.index_news .index_news_list li{ clear:both; margin:1em 0px; height:auto; overflow:hidden; width:100%;}
.index_news .index_news_list li div{ width:46%;}
.index_news .index_news_list li div img{ width:100%; height:auto;}
.index_news .index_news_list li div.newsinfo{ width:46%;}
.index_news .index_news_list li p.days{ font-size:150%; color:#7d7d7d;}
.index_news .index_news_list li p.years{ font-size:120%; color:#7d7d7d;}
.index_news .index_news_list li p.title a{ font-size:100%; color:#434343;}
.index_news .index_news_list li p.longtitle{ display:none;}
.index_news .index_news_list li p.title{ margin:12px 0px 8px 0px;}
.case_list{ margin-top:1em;}
#slider{ height:auto;}
table{ width:320px;}
table img{ width:100%;}
.footer{ height:auto; overflow:hidden; background-color:#313131; padding:30px 0px 20px 0px;}
.footer .footernav{ display:none;}
.footer .footerewm{ display:none;}
.footer .footertext{ border-top:0; margin-top:0; padding-top:0;}
.footer .footertext p{ text-align:center; font-size:12px; color:#fff; line-height:22px;}

.abcontent .abtext .abinfo{ width:auto; padding:6% 1% 1% 1%; float:none;}
.abcontent .abtext .abinfo div{ color:#535353; font-size:120%; font-weight:bold; margin-bottom:1em;}
.abcontent .abtext .abinfo div span{ color:#efefef; font-size:100%; font-weight:bold;}

.news{ padding:2%; height:auto; overflow:hidden; background-color:#fff;}
.news .newslist{ width:100%; border:0;}
.news .newslist div.newstype{ color:#535353; font-size:120%; font-weight:bold; margin-bottom:1em;}
.news .newslist div.newstype span{ color:#efefef; font-size:100%; font-weight:bold;}
.news .newslist ul li{ height:auto; overflow:hidden; padding:15px 0px; border-bottom:1px #eee solid; margin-right:2%;}
.news .newslist ul li:first-child{ border-top:1px #eee solid;}
.news .newslist ul li p.newspic{ width:40%;}
.news .newslist ul li img{ width:100%;}
.news .newslist ul li .newsinfo{ width:56%;}
.news .newslist ul li .newsinfo p.title a{ color:#434343; font-size:110%;}
.news .newslist ul li .newsinfo p.title a span{ float:right; font-size:50%; color:#959595; background-color:#e5e5e5; padding:4px 6px; border-radius:10%;}
.news .newslist ul li .newsinfo p.title a span:hover{ background-color:#10aee4; color:#fff;}
.news .newslist ul li .newsinfo p.addtime{ color:#d61518; margin:1em 0px;}
.news .newslist ul li .newsinfo p.longtitle{ color:#959595; font-size:90%;}
div.pages{ margin:25px 0px;}
div.pages a, .news .newslist div.pages span{ padding:4px 6px; float:left; margin-right:2%; border-radius:5px; display:block;}
div.pages a{ border:1px #c9c9c9 solid; color:#666;}
div.pages span{ background-color:#ff603d; color:#fff; border:1px #fff solid;}
div.pages a:hover{ background-color:#ff603d; color:#fff; border:1px #fff solid;}

.news .newsright{ display:none;}

.soft ul li{ background-color:#f5f5f5; width:100%; float:left; height:auto; overflow:hidden; padding:1%; margin-top:2em; margin-right:0;}

.case ul li{ border:1px #eee solid; width:29%; float:none; margin-right:2%; margin-bottom:2%; height:auto; overflow:hidden; display:inline-block}
.case ul li:nth-child(4), .case ul li:nth-child(8), .case ul li:nth-child(12){ margin-right:2%;}
.case ul li p.caselongtitle{ display:none;}

.case_list table{ width:100%;}
.case_list table tr td{ width:20%;}
.case_list table tr td img{ width:100%; height:auto;}
iframe{ display:none;}
.developpic img{ width:100%;}
}

@media screen and (min-width: 480px) and (max-width:640px) { 
	
}

/*兼容平板  大于640 */
@media screen and (min-width: 640px) and (max-width:960px) {

} 

 /*台式机  大于960*/
@media screen and (min-width: 960px) and (max-width:1440px)  {

}

 /*台式机  大于960*/
@media screen and (min-width: 1440px)  {
	.banner{ min-height:605px;}
}